@charset "utf-8";

#pro_view {}
#pro_infor { float:left; width:352px;}
#pro_baseinfo {float:left; width:600px; margin-left:30px;}
#pro_baseinfo h5 { font-size:18px; color:#666666; line-height:30px;}
/*产品信息*/
#summary { margin-top:10px;}
#summary li { padding:8px 0px; line-height:22px; overflow:hidden;}
#summary li span { float:left;}
#summary li del { color:#999999; text-decoration:line-through;}
#summary li .price { color:#d82730; font-size:18px; margin-right:20px;}
#summary .city b { background-image:url(../images/filepic.gif); background-repeat:no-repeat;}
#summary .city{ display:inline; z-index:10; height:20px;}
#summary .city dl{ display:inline; position:absolute; width:100px;}
#summary .city dt{ height:20px; width:80px; padding-right:10px; text-align:center; background:#ffffff; cursor:default; border:1px solid #efd97c;}
#summary .city b{ top:8px;right:5px;width:7px;height:4px; background-position:-159px -126px;}
#summary .city dd { display:none;}
#summary .hover { z-index:11;}
#summary .hover dl{ display:inline; width:100px;}
#summary .hover dt{ border-width:1px 1px 0 1px;}
#summary .hover dd{ display:block; width:330px; background:#ffffff; padding:10px; border:1px solid #efd97c; margin-top:-1px; overflow:hidden;}
#summary .hover dd a { float:left; margin-right:15px; *display: inline-block;}
#summary .hover b{ background-position:-159px -135px;}
.tx { background:#fff9ed; border:1px solid #ffdd99; padding:10px 15px;}
.tx p { line-height:20px; color:#666; padding:0;}
.joinshop { background:url(../images/filepic.gif) no-repeat; width:166px; height:37px; border:none; cursor:pointer;}
/*星级评分*/
.star { display:inline-block; width:64px; height:12px; background-image:url(../images/filepic.gif); background-repeat:repeat-x;}
.sa1 { background-position:-52px -165px;}
.sa2 { background-position:-39px -165px;}
.sa3 { background-position:-26px -165px;}
.sa4 { background-position:-13px -165px;}
.sa5 { background-position:0 -165px;}

.wypl { float:left; width:200px; margin-left:50px;}
.wypl h6 { margin-bottom:10px;}
.btn_wypl { background:url(../images/filepic.gif) no-repeat 0 -126px; width:126px; height:35px; border:none; cursor:pointer;}

.pl_list li { height:100%; border-bottom:1px dashed #e1e1e1; padding:20px 10px 15px; overflow:hidden; clear:both;}
.pl_list li img { float:left; width:60px; height:60px; border:1px solid #d7d7d7;}
.pl_list li div { float:right; width:860px;}
.pl_list li div span { float:right; color:#afafaf;}
.pl_list li div p { padding:0 0 5px!important; line-height:20px;}
/*jqzoom*/
.jqzoom { width:352px; height:352px; position:relative;}
.jqzoom img { border:1px solid #e4e4e4;}
.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5 {width:352px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(../images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(../images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:325px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(../images/zoomloader.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:320px; margin-right:9px;}
#spec-list div{ margin-top:0;margin-left:10px;}
/*分享*/
#pro_infor .enlarge b,#site-sina,#site-qzone,#site-renren,#site-kaixing,#site-douban,#site-msn,#site-qq,#site-email { background-image:url(../images/filepic.gif); background-repeat:no-repeat;}
#pro_infor .links{padding:15px 0 0 5px;height:23px;line-height:23px;}
#pro_infor .enlarge{position:relative;float:left;height:23px;padding:0 15px 0 17px;}
#pro_infor .enlarge a{color:#005aa0;}
#pro_infor .enlarge b{position:absolute;left:0;top:5px;width:14px;height:13px;background-position:-135px -126px;}
#pro_infor .partake{float:left;width:250px;overflow:hidden;zoom:1;}
#pro_infor .partake span{float:left;line-height:23px;}
#pro_infor .partake div a{float:left;width:16px;height:16px;overflow:hidden;line-height:100px; margin-right:5px; margin-top:3px;}
#site-sina { background-position:-87px -227px;}
#site-qzone { background-position:0 -227px;}
#site-renren { background-position:-44px -227px;}
#site-kaixing { background-position:-66px -227px;}
#site-douban { background-position:-22px -227px;}
#site-msn { background-position:-131px -227px;}
#site-qq { background-position:-151px -227px;}
#site-email { background-position:-109px -227px;}

.shop_sun { z-index:9; display:inline;}
.shop_sun img {vertical-align:middle;}
.shop_sun input {vertical-align:middle;height:19px;line-height:19px; border:1px solid #ebebeb;text-align:center; width:35px;overflow: hidden;}

.buyle { padding-bottom:20px; margin-top:15px;}
.buyle h5 { font-size:14px; color:#333333; padding:10px 0 5px 15px;}
/*tab*/
.nTab{ margin-top:15px;}
.nTab .TabTitle .active,.nTab .TabTitle .normal { background-image:url(../images/filepic.gif); background-repeat:repeat-x;}
.nTab .TabTitle{ height:32px; line-height:32px; border-bottom:3px solid #d82730; clear:both; overflow:hidden;}
.nTab .TabTitle ul{ padding-left:28px;}
.nTab .TabTitle li{ float:left; height:32px; line-height:31px; padding:0 30px; text-align:center; cursor:pointer; margin-right:2px;}
.nTab .TabTitle .active{ height:32px; margin-top:1px; color:#ffffff; font-weight:bold; background-position:0 -46px;}
.nTab .TabTitle .normal{ height:31px; border:1px solid #e1e1e1; border-width:1px 1px 0 1px; background-position:0 -89px;}
.nTab .TabContent { padding:20px 10px; overflow:hidden;}
.nTab .TabContent p { padding:5px 0;}
/*评论*/
.discuss { height:100%; border:1px solid #e1e1e1; padding:10px 30px; overflow:hidden;}
.discuss h6 { font-size:12px; font-weight:normal; line-height:26px;}
.percent .d1,.percent .d1 div { background:url(../images/filepic.gif) repeat-x;}
.percent { float:left;width:220px;}
.percent h6 { font-size:12px; font-weight:normal; line-height:26px;}
.percent dl{padding:2px 0;overflow:hidden;zoom:1;}
.percent dt,.percent dd{float:left;margin-right:5px;font-family:\5b8b\4f53; line-height:22px;}
.percent .d1{width:150px;border-right:1px solid #ccc; border-left:1px solid #ccc;height:15px;margin-top:4px;overflow:hidden;background-color:#efefef;background-repeat:repeat-x;background-position:0 -205px;}
.percent .d1 div{overflow:hidden;height:15px;background-color:#FF701B;background-repeat:repeat-x;background-position:0 -184px;}
/*左侧图片列表*/
.list_lpic { padding-top:10px;}
.list_lpic li { border-bottom:1px dashed #e1e1e1; padding:10px; clear:both;}
.list_lpic li img { width:60px; height:60px;}
.list_lpic li div { float:right; width:110px; font-size:12px;}
.list_lpic li div p.fb { color:#d82730; font-size:13px;font-family: verdana; padding-top:5px; font-weight:bold;}

/*storeinfo*/
#storeinfo{float:left;position:relative;z-index:1;margin:-4px 4px 0;}
#storeinfo .i-storeinfo{height:25px;background-position:right -334px;cursor:pointer;}
#storeinfo .i-storeinfo div{height:25px;padding:0 16px 0 5px;background-position:-203px -55px;line-height:25px;}
#storeinfo .close{display:none;position:absolute;top:18px;left:291px;z-index:14;width:19px;height:19px;background-position:-177px -61px;cursor:pointer;}
#storeinfo dl{position:absolute;margin-top:-2px;width:290px;padding:5px;border:2px solid #EED97C;background:#fff;display:none;-moz-border-radius:0 5px 5px;-webkit-border-radius:0 5px 5px;}
#storeinfo dt{color:#999;}
#storeinfo dd{padding-bottom:5px;}
#storeinfo a:hover{background:#005aa0;color:#fff;cursor:pointer;}
#storeinfo.hover .i-storeinfo{position:relative;z-index:2;background-position:right -360px;}
#storeinfo.hover .i-storeinfo div{background-position:-203px -30px;}
#storeinfo.hover dl{display:block;}
#storeinfo.hover .close{display:block;}
*html #storeinfo .i-storeinfo{float:left;}
*html #storeinfo .i-storeinfo div{float:left;}
*html #storeinfo dl{top:25px;left:0;}
